.card {
    overflow: hidden;
    width: 400px;
    height: 162px;
    border: 1px solid #5340949c;
    margin-right: 10px;
    margin-bottom: 20px;
    border-radius: 8px;
    position: relative;
    .myDel {
        position: absolute;
        top: 5px;
        right: 10px;
        cursor: pointer;
        width: 30px;
        height: 30px;
        text-align: center;
    }
    .header {
        background-color: inherit;
        display: flex;
        text-align: left;
        padding: 10px;
        :hover {
            cursor: pointer;
        }
        > img {
            width: 100px;
            height: 100px;
            & + div {
                > h3 {
                    width: 200px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    font-size: 26px;
                    margin: 2px;
                }
                > p {
                    height: 50px;
                    font-size: 16px;
                    width: 230px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    overflow: hidden;
                    /*! autoprefixer: off */
                    -webkit-box-orient: vertical;
                }
                margin-left: 10px;
                padding: 0 10px 10px 10px;
                width: 250px;
                height: 120px;
            }
        }
    }
    .item_footer {
        background-color: #5340949c;
        font-size: 12px;
        color: rgba(255, 255, 255, 0.849);
        text-align: right;
        height: 20px;
        border-radius: 4px 4px 0 0;
        span {
            padding-right: 15px;
        }
    }
}
